<div class="nav">
    <div class="wrapper">
        <ul class="list">
            <li><a href="../html/index.html">首页</a></li>
            <li><a href="#">华为官网</a></li>
            <li><a href="#">花粉俱乐部</a></li>
            <li><a href="#">v码(优购码)</a></li>
            <li><a href="#">企业购</a></li>
            <li><a href="#">Select Region</a></li>
            <li class="drop-down">
                <a href="#">更多精彩</a>
                <ul class="down-list">
                    <li>
                        <a href="#">EMUI</a>
                    </li>
                    <li>
                        <a href="#">应用市场</a>
                    </li>
                    <li>
                        <a href="#">华为终端云空间</a>
                    </li>
                    <li>
                        <a href="#">开发者联盟</a>
                    </li>
                </ul>
            </li>
        </ul>
        <ul class="list">
            <li>
                <a href="../html/login.html">请登录</a>&nbsp;<a href="../html/reg.html">注册</a>
            </li>
            <li><a href="#">我的订单</a></li>
            <li class="drop-down">
                <a href="#"> 客户服务</a>
                <ul class="down-list">
                    <li>
                        <a href="#">服务中心</a>
                    </li>
                    <li>
                        <a href="#">联系客服</a>
                    </li>
                </ul>
            </li>
            <li class="drop-down">
                <a href="#">网站导航</a>
                <ul class="down-nav">
                    <li>
                        <dl>
                            <dt></dt>
                            <dd><a href="#">商城首页</a></dd>
                        </dl>
                    </li>
                    <li>
                        <h3>频道</h3>
                        <ul>
                            <li>
                                <a href="#">华为专区</a>
                                <a href="#">教育购</a>
                            </li>
                            <li>
                                <a href="#">企业购</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>产品</h3>
                        <ul>
                            <li>
                                <a href="#">手机</a>
                                <a href="#">平板</a>
                                <a href="#">智能家居</a>
                                <a href="#">耳机冰箱</a>
                                <a href="#">生态产品</a>
                            </li>
                            <li>
                                <a href="#">笔记本</a>
                                <a href="#">智能穿戴</a>
                                <a href="#">智慧屏</a>
                                <a href="#">热销配件</a>
                                <a href="#">增值服务</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>增值服务</h3>
                        <ul>
                            <li>
                                <a href="#">以旧换新</a>
                                <a href="#">一口价换电池</a>
                            </li>
                            <li>
                                <a href="#">补购保障</a>
                            </li>
                        </ul>

                    </li>
                    <li>
                        <h3>会员</h3>
                        <ul>
                            <li>
                                <a href="#">会员频道</a>
                            </li>
                        </ul>

                    </li>
                </ul>
            </li>
            <li class="drop-down">
                <a href="#">手机版</a>
                <ul class="down-app">
                    <li>
                        <dl>
                            <dt><a href=""><img src="../img/app-1.png" alt=""></a></dt>
                            <dd>
                                <h3>华为商城APP</h3>
                                <span>新人专享好礼</span><span>最高5000积分</span>
                                <div><i></i><i></i><i></i></div>
                            </dd>

                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href=""><img src="../img/app-2.jpg" alt=""></a></dt>
                            <dd>
                                <h3>华为商城公众号</h3>
                                <span>微信扫一扫</span>
                                <i></i>
                            </dd>

                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href=""><img src="../img/app-3.jpg" alt=""></a></dt>
                            <dd>
                                <h3>微信小程序</h3>
                                <i></i>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </li>
            <li class="shopping drop-down shop-down">
                <a href="../html/shop.html">购物车(<i>0</i>)</a>
            </li>
        </ul>
    </div>
</div>
<div class="nav-1">
    <div class="wrapper">
        <div class="logol">
            <a href="#"><img src="../img/logol.png" alt=""></a>
        </div>
        <ul>
            <li>
                <a href="#"><img src="../img/华为专区.png" alt=""></a>
            </li>
            <li><a href="#">莫塞尔专区</a></li>
            <li><a href="#">华为智能屏</a></li>
            <li><a href="#">智能家居</a></li>
            <li><a href="#">nova8系列</a></li>
        </ul>
        <div class="form-box">
            <form class="navbar-form navbar-right" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="">
                    <ul class="search-result"></ul>
                </div>
                <button type="submit" class="btn btn-default"></button>
            </form>
            <div class="key-search">
                <span><a href="#">Mate X2</a></span>
                <span><a href="#">智能锁</a></span>
            </div>
        </div>

    </div>

</div>